import type { Templates } from "../index.d.ts"

export const templates: Templates = [
  {
    template: "<my-h1>一级标题</my-h1>",
    tips: "一级标题",
    dark: {
      icon: "",
    },
    light: {
      icon: "",
    },
  },
  {
    template: "<my-h2>二级标题</my-h2>",
    tips: "二级标题",
    dark: {
      icon: "",
    },
    light: {
      icon: "",
    },
  },
  // {
  //   template: `<my-music id="1899705498"></my-music>`,
  //   dark: {
  //     icon: "",
  //   },
  //   light: {
  //     icon: "",
  //   },
  // },
  {
    template: `<my-img src="https://fuyouplus.oss-cn-beijing.aliyuncs.com/blog-imgs/18.jpg"></my-img>`,
    tips: "上传图片",
    dark: {
      icon: "",
    },
    light: {
      icon: "",
    },
  },
  {
    template: `<my-video src="https://fuyouplus.oss-cn-beijing.aliyuncs.com/video/zuozhu.mp4"></my-video>`,
    tips: "上传视频",
    dark: {
      icon: "",
    },
    light: {
      icon: "",
    },
  },
  {
    tips: "代码块",
    template: `~~~js
const str = "string"
const number = 20

function toSum (a,b){
  return a + b;
}
console.log(toSum(1,2))
  ~~~
  `,
    dark: {
      icon: "",
    },
    light: {
      icon: "",
    },
  },
  // {
  //   template: `<my-iframe src="https://fuyouplus.cn/" h="900px"></my-iframe>`,
  //   dark: {
  //     icon: "",
  //   },
  //   light: {
  //     icon: "",
  //   },
  // },
  // {
  //   template: `<my-a color="#409EFFFF" size="16px" weight="bold" href="http://fuyouplus.cn/" line>微若蜉蝣</my-a>`,
  //   dark: {
  //     icon: "",
  //   },
  //   light: {
  //     icon: "",
  //   },
  // },
  {
    template: `<my-span>我是标签</my-span>`,
    tips: "高亮标签",
    dark: {
      icon: "",
    },
    light: {
      icon: "",
    },
  },
  {
    template: `<my-del>我是删除线</my-del>`,
    tips: "删除线",
    dark: {
      icon: "",
    },
    light: {
      icon: "",
    },
  },
  // {
  //   template: `
  //     <my-tips type="info" title="小蝣说:">
  //     tpye的可选值有 info | warn | error | success
  // </my-tips>`,
  //   dark: {
  //     icon: "",
  //   },
  //   light: {
  //     icon: "",
  //   },
  // },
  // {
  //   template: `<my-list>
  //     <li>我是li</li>
  // </my-list>`,
  //   dark: {
  //     icon: "",
  //   },
  //   light: {
  //     icon: "",
  //   },
  // },
  // {
  //   template: `<my-table height="165px">

  //     <div class="th">
  //       <div class="th-td">标题</div>
  //       <div class="th-td">内容</div>
  //       <div class="th-td">时间</div>
  //     </div>

  //     <div class="content">

  //     <div class="tr">

  //     <div class="tr-td">标题1</div>
  //     <div class="tr-td">内容2</div>
  //     <div class="tr-td">2022</div>

  //     </div>

  //     <div class="tr">

  //     <div class="tr-td">标题1</div>
  //     <div class="tr-td">内容2</div>
  //     <div class="tr-td">2022</div>

  //     </div>

  //     </div>
  //     </my-table>`,
  //   dark: {
  //     icon: "",
  //   },
  //   light: {
  //     icon: "",
  //   },
  // },
  //   {
  //     template: `<my-tabs tabs="Release|Video">

  //       <div class="tab-item">
  // ~~~js
  // const str = "string"
  // const number = 20

  // function toSum (a,b){
  //   return a + b;
  //  }
  //  console.log(toSum(1,2))
  // ~~~
  //       </div>

  //       <div class="tab-item">
  //       <my-video src="https://fuyouplus.oss-cn-beijing.aliyuncs.com/video/zuozhu.mp4"></my-video>
  //       </div>

  //     </my-tabs>`,
  //     dark: {
  //       icon: "",
  //     },
  //     light: {
  //       icon: "",
  //     },
  //   },
]
